import { jsx as _jsx } from "@emotion/react/jsx-runtime";
import { FrameButtonStyled } from './timeline.style';
export const Frame = ({ isSelected, isCut, id, title, onSelect = () => void 0, }) => {
    const handleSelect = (event) => onSelect(id, event);
    return (_jsx(FrameButtonStyled, { type: "button", onClick: handleSelect, isSelected: isSelected, isCut: isCut, children: `Frame ${title}` }));
};
